<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8">
    <title>远程网页源代码读取</title>
    <script src="jquery.min.js"></script>
    <style type="text/css">
        /* 页面字体样式 */
        body, td, input, textarea {
            font-family:Arial;
            font-size:12px;
        }
    </style>
    <script type="text/javascript">
        window.onload=function (){
            getSource()
        }
        //用于创建XMLHttpRequest对象
        function createXmlHttp() {
//根据window.XMLHttpRequest对象是否存在使用不同的创建方式
            if (window.XMLHttpRequest) {
                xmlHttp = new XMLHttpRequest(); //FireFox、Opera等浏览器支持的创建方式
            } else {
                xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");//IE浏览器支持的创建方式
            }
        }
        //直接通过XMLHttpRequest对象获取远程网页源代码
        function getSource() {
            // var url = document.getElementById("url").value; //获取目标地址信息
            var url="https://booking.kayak.com/flights/TLV-PAR/2021-10-21/1adults/1students?sort=bestflight_a&fs=stops=0&attempt=1&lastms=1634063844389"
//地址为空时提示用户输入
            if (url == "") {
                alert("请输入网页地址。");
                return;
            }
            document.getElementById("source").value = "正在加载……"; //提示正在加载
            createXmlHttp(); //创建XMLHttpRequest对象
            xmlHttp.onreadystatechange = writeSource; //设置回调函数
            xmlHttp.open("GET", url, true);
            xmlHttp.send(null);
            var source=xmlHttp.responseText
            console.log(source)
        }
        //将远程网页源代码写入页面文字区域
        function writeSource() {
            if (xmlHttp.readyState == 4) {
                document.getElementById("source").value = xmlHttp.responseText;
                var result=xmlHttp.responseText
                var lis=$(result).find("div .bottom")
                console.log(lis)
            }
        }
    </script>
</head>
<body>
<h1>远程网页源代码读取</h1>
<div>
    地址：<input type="text" id="url" value="https://booking.kayak.com/flights/TLV-PAR/2021-10-21/1adults/1students?sort=bestflight_a&fs=stops=0&attempt=1&lastms=1634063844389">
    <input type="button" onclick="getSource()" value="获取源码">
</div>
<textarea rows="10" cols="80" id="source"></textarea>
<script>
    $(function (){
        getSource()
        var source=$("#source").val()
        console.log(source)
    })

</script>
</body>
</html>
